
<div id="supplierManagementConatiner" class="hide">
		<div id="supplierManagemenTabs">
			<ul class="">
				<li><a href="#tabs-A">My Preferred Suppliers</a></li>
				<li><a href="#tabs-B">Search/Add New Supplier</a></li>
			</ul>
			
			<div id="tabs-A">
				<div style="background-color: #E8F1FA; color: #000000; margin: 5px; font-size: 12px; font-weight: bold; height: 26px"
					class="bold">
					<img width="5px" height="20px" src="/phase2/images/spacer.gif">
					Select A Supplier<span class="throbberOff"
						id="suppdel_activity_throbber"></span>
				</div>
				<div>
					<img width="5px" height="10px" src="/phase2/images/spacer.gif">
				</div>
				<div>
					<input type='button' value='Delete From Preferred Suppliers' onclick='javascript:delfromprefsupp();' class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only">
				</div>
				<div>
					<img width="5px" height="10px" src="/phase2/images/spacer.gif">
				</div>
				
				<div id="ctx_common_preferred_comp_list_tbldiv" class="show"	style="margin: 5px;" style='width:100%;height:auto'>
					<table cellpadding="0" cellspacing="0" border="0" 
						id="ctx_common_preferred_comp_list_tbl" style="width:900px">
						<thead>
							<tr>
								<th width="10%">Select</th>
								<th width="25%">Company Name</th>
								<th width="25%">Company Business</th>
								<th width="20%">City</th>
								<th width="20%">State</th>
								<th width="20%">Country</th>
								<th width="20%">Contact</th>
							</tr>
						</thead>
						<tbody>

						</tbody>

					</table>
				</div>
				
				
				
				
			</div>
			
			<div id="tabs-B">
				<div style="background-color: #E8F1FA; color: #000000; margin: 5px; font-size: 12px; font-weight: bold; height: 26px"
					class="bold">
					<img width="5px" height="20px" src="/phase2/images/spacer.gif">
					Enter Details To Search Supplier<span class="throbberOff"
						id="suppsrch_activity_throbber"></span>
				</div>
				<table border="0" cellspacing="1" cellpadding="0" width="100%">
					<tr>
						<td><div class="lable">
								Supplier Company Name :
							</div></td>
						<td><div class="w150">
								<input type="text" class="textbox" name="comp_name"
									id="search_comp_name" title="Company Name"	 />
							</div></td>
						<td><div class="lable">
								Doing Business As  :
							</div></td>
						<td><div class="w150">
								<input type="text" class="textbox" name="search_comp_business"
									id="search_comp_business"  />
							</div></td>
						<td><div class="lable">Phone :</div></td>
						<td><div class="w150">
								<input type="text" class="textbox" name="search_comp_phone"
									id="search_comp_phone" />
							</div>
							
						</td>
						
					</tr>
					<tr>
						<td><img width="5px" height="20px"
						src="/phase2/images/spacer.gif"></td>
					</tr>
					
					<tr>
						<td><div class="lable">
								Country :
							</div></td>
						<td><div class="w150">
								<input type="text" class="textbox" name="comp_name"
									id="serach_comp_country" title="Company Name"	 />
							</div></td>
						<td><div class="lable">
								State  :
							</div></td>
						<td><div class="w150">
								<input type="text" class="textbox" name="search_comp_business"
									id="search_comp_State"  />
							</div></td>
						<td><div class="lable">City :</div></td>
						<td><div class="w150">
								<input type="text" class="textbox" name="search_comp_phone"
									id="search_comp_city" />
							</div>
							
							</td>
						
					</tr>
					
					<tr>
						<td><img width="5px" height="20px"
							src="/phase2/images/spacer.gif"></td>
					</tr>
					
					<tr>
						<td></td>
						<td><input type='button' value='Search Company' onclick ="javascript:searchSupplier();" class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"></td>
						<td><input type='button' value='Clear Search' class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"></td>
						<td><input type='button' value='Add As Preferred Company' onclick='javascript:addasprefcompany();' class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only"></td>
					</tr>
					
					<tr>
						<td><img width="5px" height="20px"
							src="/phase2/images/spacer.gif"></td>
					</tr>
					
				</table>
				
				<div style="background-color: #E8F1FA; color: #000000; margin: 5px; font-size: 12px; font-weight: bold; height: 26px"
					class="bold">
					<img width="5px" height="20px" src="/phase2/images/spacer.gif">
					Supplier Search Results<span class="throbberOff"
						id="companyLoc_activity_throbber"></span>
				</div>
				
				<div>
					<img width="5px" height="10px" src="/phase2/images/spacer.gif">
				</div>
				
				<div id="ctx_common_comp_list_tbldiv" class="show"	style="margin: 5px;" style='width:100%;height:200px;'>
					<table cellpadding="0" cellspacing="0" border="0" 
						id="ctx_common_comp_list_tbl" style="width:900px">
						<thead>
							<tr>
								<th width="10%">Select</th>
								<th width="25%">Company Name</th>
								<th width="25%">Company Business</th>
								<th width="20%">City</th>
								<th width="20%">State</th>
								<th width="20%">Country</th>
								<th width="20%">Contact Email</th>
							</tr>
						</thead>
						<tbody>

						</tbody>

					</table>
				</div>
			</div>
			
			
			
		</div>
</div>

<script type="text/javascript" src="/phase2/js/supplierAndBuyerManagement.js"></script>
<script type="text/javascript">
	render_jqSearchTable();
	render_jqPreferredCompTable();
	getPreferredSuplierList();
</script>
